<template>
  <div class="z-head">
    <x-header 
      :left-options="{showBack: hasBack}" 
      :right-options="{showMore: true}" 
      @on-click-more="showMenus = true"
    >
      {{title}}
    </x-header>
  </div>
</template>

<script>
import { XHeader } from 'vux'
export default {
  props:{
    title:{
      type:String,
      default:'news',
    },
    hasBack:{
      type: Boolean,
      default: true,
    }
  },
  data () {
  	return {
      showMenus: false
    }
  },
  components:{
    XHeader
  },
  mounted(){},
  methods:{}
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
</style>